<template>
	<div class="boxs">
		<el-button type="primary" size="default" @click="handle"> 操作</el-button>

		<!-- <div class="container">
      <p class='one'>北京市</p>
      <p class='two'>分行</p>
      <p class='three'>私享三号100万元</p>
    </div> -->
		<!-- <div class="containers">
      <p class="one">浙江省</p>
      <p class="two">分行</p>
      <p class="three">保费100万元</p>
      <p class="four">获得趸交配售</p>
      <p class='five'>额度800万元</p>
    </div> -->
		<!-- <div class="container" @mouseenter="scroll" @mouseleave="leave">
      <div class="box1"></div>
    </div> -->

		<!-- <el-input
      v-model.lazy="inputData"
      placeholder=""
      size="normal"
      clearable
      @focus="focus"
    ></el-input> -->
	</div>
</template>

<script>
	export default {
		data() {
			return {
				inputData: ''
			}
		},
		watch: {
			inputData(newValue) {
				console.log(newValue)
			}
		},
		methods: {
			handle() {
				const path = require('path')
				console.log(path), console.log(path.join(__dirname, 'arr/h1'))
			},
			inputChange(e) {
				console.log(e)
			},
			scroll(e) {
				console.log(e)
			},
			focus(e) {
				console.log(e)
			},
			leave(e) {
				console.log(e)
			}
		}
	}
</script>

<style lang="scss" scoped>
	@font-face {
		font-family: 'slide';
		src: url('../../../assets/fonts/优设标题黑.ttf');
	}
	@font-face {
		font-family: 'slides';
		src: url('../../../assets/fonts/SlideFonts.otf');
	}
	.boxs {
		width: 100%;
		height: 100vh;
	}
	.containers {
		width: 100%;
		height: 100%;
		background: url('./13.交银百万大单-100万-行方.jpg') no-repeat;
		background-size: contain;
		p {
			background: url('./fonts-bg1.jpg') bottom;
			background-size: cover;
			background-origin: border-box;
			background-clip: text;
			-webkit-text-fill-color: transparent;
			text-align: center;
		}
		.one,
		.two {
			font-size: 84px;
			line-height: 92px;
			font-family: slides;
		}
		.three {
			font-size: 30px;
			font-family: slide;
		}
		.four,
		.five {
			font-size: 40px;
			line-height: 40px;
			font-family: slide;
		}
	}
	p {
		margin: 0;
		padding: 0;
	}
</style>
